<template>
	<view>
		<uni-nav-bar class="nav" status-bar background-color="" color="#000" :border="false" left-icon="back"
			title="加入我们" @clickLeft="goback"></uni-nav-bar>
		<view class="imgflex">
			<view class="img1">
				<image :src="imgurl+'/j1.png'" mode=""></image>
				<view class="abs">
					<view class="">
						长按识别 
					</view>
					<view class="">
						加入我们
					</view>
				</view>
			</view>
			<image class="img2" :src="imgurl+'/j2.png'" mode=""></image>
		</view>
		<view class="block_2">
			<image class="bcg" :src="imgurl+'/j3.png'" mode=""></image>
			<view class="block_abs">
				<image class="img1" src="/static/rr.jpg" mode="" show-menu-by-longpress></image>
				<view class="test">
					<p>了解更多伊可库商家详情，</p>
					 长按识别二维码进入伊可库商家端
				</view>
				<view class="btn">
					长按识别二维码进入商家端
				</view>
			</view>
		</view>
		
		<view class="block_3">
			<image class="bcgs" :src="imgurl+'/j4.png'" mode=""></image>
			<image class="bcg2" :src="imgurl+'/j5.png'" mode=""></image>
			<image class="bcg" :src="imgurl+'/j6.png'" mode=""></image>
			<view class="btn" @click="pageproxy">
				点击了解更多
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgurl:getApp().globalData.WEBIMG
			};
		},
		methods:{
			goback(){
				uni.navigateBack()
			},
			pageproxy(){
				uni.navigateTo({
					url:'/mypage/contactus/useragreement?id=7'
				})
			}
		}
	}
</script>

<style lang="scss">
page{
	background: linear-gradient( 180deg, #B0F8F1 0%, #DDF6DD 42%, #BCEFD1 73%, #B0F8F1 100%);
}
.imgflex{
	display: flex;
	align-items: center;
	padding: 0rpx 68rpx;
	margin-top: 40rpx;
	.img1{
		width: 252rpx;
		height: 119rpx;
		position: relative;
		image{
			width: 252rpx;
			height: 119rpx;
		}
		.abs{
			width: 252rpx;
			height: 119rpx;
			position: absolute;
			top: 0%;
			padding: 10rpx 48rpx;
			box-sizing: border-box;
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 32rpx;
			color: #FFFFFF;
		}
	}
	.img2{
		width: 352rpx;
		height: 95rpx;
	}
}
.block_2{
	padding: 0rpx 60rpx;
	box-sizing: border-box;
	margin-top: 40rpx;
	position: relative;
	width: 630rpx;
	height: 668rpx;
	.bcg{
		width: 630rpx;
		height: 668rpx;
	}
	.block_abs{
		position: absolute;
		top: 0%;
		width: 630rpx;
		height: 668rpx;
	}
	.img1{
		width: 336rpx;
		height: 336rpx;
		border-radius: 20rpx;
		margin: 58rpx auto 24rpx;
		display: block;
	}
	.test{
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #38D4DB;
		text-align: center;
	}
	.btn{
		width: 490rpx;
		height: 80rpx;
		background: linear-gradient( 230deg, #3CE8D2 0%, #2C98F6 100%);
		border-radius: 74rpx 74rpx 74rpx 74rpx;
		margin: 32rpx auto;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 80rpx;
	}
}
.block_3{
	width: 630rpx;
	height: 538rpx;
	position: relative;
	box-sizing: border-box;
	margin: 40rpx auto;
	.bcg{
		width: 630rpx;
		height: 324rpx;
	}
	.bcgs{
		position: absolute;
		bottom: 0%;
		width: 572rpx;
		height: 422rpx;
		left: 28rpx;
	}
	.bcg2{
		width: 284rpx;
		height: 68rpx;
		position: absolute;
		top: 76rpx;
		left: 174rpx;
	}
	.btn{
		position: absolute;
		top: 198rpx;
		width: 490rpx;
		height: 80rpx;
		background: linear-gradient( 230deg, #3CE8D2 0%, #2C98F6 100%);
		border-radius: 74rpx 74rpx 74rpx 74rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 80rpx;
		left: 80rpx;
	}
}
</style>
